import { useState } from 'react';
import Lottie from 'react-lottie'
import * as animateData from './01.json'
import * as data2 from './02.json'

export default function LittieDemo() {
  const [play, setPlay] = useState(false)
  const [paused, setPaused] = useState(false)

  const option = {
    loop: true,
    autoplay: true,
    animationData: animateData,
    renderSettings: {
      preserveAspectRatio: 'xxx'
    }
  }

  const option2 = {
    loop: true,
    autoplay: true,
    animationData: data2,
    renderSettings: {
      preserveAspectRatio: 'xxx'
    }
  }

  return (
    <div>
      
      {/* <Lottie options={option} height={200} width={200} isPaused={paused} /> */}
      {/* <Lottie options={option2} height={200} width={200} isPaused={paused} /> */}
    </div>
  )
}